<template>
    <div class="detail">
        <!-- <img class="banner" :src="activityIntroduce.thumburl"> -->
        <page-title :title="activityIntroduce.title">{{activityIntroduce.title}}</page-title>
        <article class="article">
            <div class="dt-header">
                <h2>{{activityIntroduce.title}}</h2>
                <p class="dt-info">
                    <span class="date">
                        <span>{{activityIntroduce.create_time}}</span>
                    </span>

                </p>
            </div>
            <div class="rich-ctx" v-html="activityIntroduce.rich_ctx">

            </div>
        </article>
        <!-- <footerbar :readStatus="activityIntroduce.status"></footerbar> -->
    </div>
</template>

<script>
import Footerbar from '@/components/Footerbar';
import { getPacketById } from '@/api/packet';
export default {
    data() {
        return {
            packetId: this.$route.query.packetId,
            activityIntroduce: {
                id: null,
                status: null,
                create_time: '',
                title: '',
                rich_ctx: '',
                thumburl: null,
            }
        }
    },
    components: {
        Footerbar
    },
    methods: {

    },
    created() {
        getPacketById(this.packetId).then(res => {
            this.activityIntroduce = res.packet
        })
    }
}
</script>

<style scoped>
.banner {
    width: 100%;
}
</style>
